import { Sider } from './components/Sider';

export default async function Layout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <div className="flex w-full min-h-screen bg-base-200">
      <Sider className="flex-none sticky top-0 left-0 h-screen bg-base-100 border-r border-base-300" />
      <main className="flex-auto w-full">{children}</main>
    </div>
  );
}
